import swhc from "../../../../imgs/syhc.png";
import swhc1 from "../../../../imgs/syhc1.png";
import hxsj from "../../../../imgs/hxsj.png";
import hxsj1 from "../../../../imgs/hxsj1.png";
import wxhxp from "../../../../imgs/wxhxp.png";
import wxhxp1 from "../../../../imgs/wxxhp1.png";
import swsj from "../../../../imgs/swsj.png";
import swsj1 from "../../../../imgs/swsj1.png";
import yqj from "../../../../imgs/yqj.png";
import yqj1 from "../../../../imgs/yqj1.png";
import nzl from "../../../../imgs/nzl.png";
import nzl1 from "../../../../imgs/nzl1.png";
import yqsb from "../../../../imgs/yqsb.png";
import yqsb1 from "../../../../imgs/yqsb1.png";
import bgyp from "../../../../imgs/bgyp.png";
import bgyp1 from "../../../../imgs/bgyp1.png";
import syfw from "../../../../imgs/syfw.png";
import syfw1 from "../../../../imgs/syfw1.png";
import right from "../../../../imgs/right.png";
import HttpUtils from "../utils/HttpUtils";
import Icon from "@ui/RJMart/icons";
import EventEmitterUtils from "../utils/EventEmitterUtils";
import EventApi from "@module/EventApi";
import ExConfig from "@module/ExConfig";

export default class GoodsClassifyiComp extends React.Component {
    constructor(props) {
        super(props);
        this.lists = [
            {
                id: 1,
                name: "实验耗材",
                subList: [
                    {
                        id: 101,
                        name: "培养/冻存类",
                        subList: [
                            {
                                id: 570,
                                name: "培养皿",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 571,
                                name: "培养瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 572,
                                name: "培养板",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 573,
                                name: "细胞筛网",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 574,
                                name: "细胞爬片",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 575,
                                name: "细胞工厂",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 576,
                                name: "冻存管",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 577,
                                name: "冻存袋",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 578,
                                name: "冻存盒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 579,
                                name: "低温标签",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 703,
                                name: "冻存架",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [570, 571, 572, 573, 574, 575, 576, 577, 578, 579, 703]
                    },
                    {
                        id: 102,
                        name: "PCR/电泳类",
                        subList: [
                            {
                                id: 554,
                                name: "96孔板",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 555,
                                name: "384孔板",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 556,
                                name: "PCR联管/管盖",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 557,
                                name: "封口膜",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 558,
                                name: "PVDF膜",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 559,
                                name: "尼龙膜",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 560,
                                name: "预制凝胶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 561,
                                name: "电泳槽",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [554, 555, 556, 557, 558, 559, 560, 561]
                    },
                    {
                        id: 106,
                        name: "离心/过滤/浓缩类",
                        subList: [
                            {
                                id: 562,
                                name: "离心管",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 563,
                                name: "离心瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 564,
                                name: "针头过滤器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 565,
                                name: "超滤管",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 566,
                                name: "超滤膜",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 567,
                                name: "瓶顶过滤器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 568,
                                name: "滤纸",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 569,
                                name: "层析柱/层析填料",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [562, 563, 564, 565, 566, 567, 568, 569]
                    },
                    {
                        id: 107,
                        name: "移液类",
                        subList: [
                            {
                                id: 105,
                                name: "吸头",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 547,
                                name: "吸头盒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 548,
                                name: "移液管",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 549,
                                name: "瓶口分液器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 550,
                                name: "巴氏吸管",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 551,
                                name: "移液器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 552,
                                name: "移液器架",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 553,
                                name: "软管",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [105, 547, 548, 549, 550, 551, 552, 553]
                    },
                    {
                        id: 109,
                        name: "玻璃/石英/陶瓷器皿",
                        subList: [
                            {
                                id: 587,
                                name: "量筒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 588,
                                name: "量杯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 589,
                                name: "烧杯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 590,
                                name: "试剂瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 591,
                                name: "石英蒸发皿",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 592,
                                name: "抽滤瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 593,
                                name: "蒸馏器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 594,
                                name: "酒精灯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 595,
                                name: "溶剂瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 596,
                                name: "样品瓶",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [587, 588, 589, 590, 591, 592, 593, 594, 595, 596]
                    },
                    {
                        id: 112,
                        name: "塑料计量/储液容器",
                        subList: [
                            {
                                id: 580,
                                name: "量筒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 581,
                                name: "量杯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 582,
                                name: "三角瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 583,
                                name: "广口瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 584,
                                name: "细口大瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 585,
                                name: "溶剂瓶",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 586,
                                name: "样品瓶",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [580, 581, 582, 583, 584, 585, 586]
                    },
                    {
                        id: 117,
                        name: "色谱柱",
                        subList: [
                            {
                                id: 609,
                                name: "气相色谱柱",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 610,
                                name: "液相色谱柱",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 611,
                                name: "离子色谱柱",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 612,
                                name: "行业专用色谱柱",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [609, 610, 611, 612]
                    },
                    {
                        id: 302,
                        name: "材料类",
                        subList: [
                            {
                                id: 597,
                                name: "金属",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 598,
                                name: "非金属",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 599,
                                name: "合金",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 600,
                                name: "储氢材料",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 601,
                                name: "纳米材料",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 602,
                                name: "陶瓷",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 603,
                                name: "高分子材料",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 604,
                                name: "燃料电池",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 605,
                                name: "晶体级无机物",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 606,
                                name: "生物材料",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 607,
                                name: "建筑材料",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 608,
                                name: "印刷材料",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [597, 598, 599, 600, 601, 602, 603, 604, 605, 606, 607, 608]
                    },
                    {
                        id: 613,
                        name: "安全防护类",
                        subList: [
                            {
                                id: 614,
                                name: "实验服",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 615,
                                name: "口罩",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 616,
                                name: "手套",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 617,
                                name: "鞋套",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 618,
                                name: "条帽",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 619,
                                name: "护目镜",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 620,
                                name: "消毒液",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 621,
                                name: "灭菌指示带",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 622,
                                name: "生物样品安全转移箱",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 623,
                                name: "生物安全垃圾袋",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 624,
                                name: "生物废物容器",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [614, 615, 616, 617, 618, 619, 620, 621, 622, 623, 624]
                    },
                    {
                        id: 625,
                        name: "配件",
                        subList: [
                            {
                                id: 626,
                                name: "O型圈",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 627,
                                name: "密封垫",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 628,
                                name: "进样针",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 629,
                                name: "氘灯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 630,
                                name: "钨灯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 631,
                                name: "阀门",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [626, 627, 628, 629, 630, 631]
                    }
                ],
                subIdsList: [101, 102, 106, 107, 109, 112, 117, 302, 613, 625]
            },
            {
                id: 51,
                name: "化学试剂",
                subList: [
                    {
                        id: 214,
                        name: "标准品/标准溶液",
                        subList: [
                            {
                                id: 446,
                                name: "气态标准物质",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 447,
                                name: "液态标准物质",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 448,
                                name: "固态标准物质",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [446, 447, 448]
                    },
                    {
                        id: 216,
                        name: "常规试剂",
                        subList: [
                            {
                                id: 449,
                                name: "氯化钠",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 450,
                                name: "氯化镁",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 451,
                                name: "氯化锂",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 452,
                                name: "75%/95%乙醇（酒精）",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 453,
                                name: "咪唑",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 454,
                                name: "甲酸铵",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 455,
                                name: "乙酸铵",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 456,
                                name: "羟基乙酸",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 457,
                                name: "二甲基亚砜",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 458,
                                name: "甲萘醌",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 459,
                                name: "硫酸镁",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [449, 450, 451, 452, 453, 454, 455, 456, 457, 458, 459]
                    }
                ],
                subIdsList: [214, 216]
            },
            {
                id: 113,
                name: "科研服务",
                subList: [
                    {
                        id: 211,
                        name: "生物医学服务",
                        subList: [
                            {
                                id: 114,
                                name: "测序/合成",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 208,
                                name: "病毒转染/包装",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 209,
                                name: "DNA提取/纯化",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 210,
                                name: "抗体制备/标记/纯化",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 256,
                                name: "信息学数据分析",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 304,
                                name: "仪器维保",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 657,
                                name: "基因表达/编辑/分析",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 658,
                                name: "文库/载体构建",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 659,
                                name: "免疫组化/沉淀",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [114, 208, 209, 210, 256, 304, 657, 658, 659]
                    },
                    {
                        id: 660,
                        name: "化工技术服务",
                        subList: [
                            {
                                id: 661,
                                name: "化合物定制合成",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 662,
                                name: "多肽定制合成",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 663,
                                name: "药物合成工艺优化",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 664,
                                name: "LC-MS分析",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 665,
                                name: "HPLC分析",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 666,
                                name: "常规理化测试",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [661, 662, 663, 664, 665, 666]
                    },
                    {
                        id: 704,
                        name: "专利申请代理服务",
                        subList: [
                            {
                                id: 705,
                                name: "发明专利申请",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 706,
                                name: "实用新型专利申请",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 707,
                                name: "外观设计专利申请",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 708,
                                name: "PCT专利申请",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 709,
                                name: "软件著作权申请",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 710,
                                name: "其他专利代理费用",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [705, 706, 707, 708, 709, 710]
                    }
                ],
                subIdsList: [211, 660, 704]
            },
            {
                id: 460,
                name: "危险化学品",
                subList: [
                    {
                        id: 215,
                        name: "危险化学品",
                        subList: [
                            {
                                id: 461,
                                name: "甲醇",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 462,
                                name: "甲酸",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 463,
                                name: "甲醛",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 464,
                                name: "乙酸",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 465,
                                name: "乙醇",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 466,
                                name: "乙腈",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 467,
                                name: "乙酸乙酯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 468,
                                name: "氢氧化钠",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 469,
                                name: "异丙醇",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 470,
                                name: "丙酰氯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 471,
                                name: "苯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 472,
                                name: "苯酚",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 473,
                                name: "碘甲烷",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 474,
                                name: "二氨基苯酚",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 475,
                                name: "1,2-二甲苯",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [461, 462, 463, 464, 465, 466, 467, 468, 469, 470, 471, 472, 473, 474, 475]
                    },
                    {
                        id: 476,
                        name: "实验气体",
                        subList: [
                            {
                                id: 477,
                                name: "氮气/液氮",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 478,
                                name: "一氧化碳",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 479,
                                name: "二氧化碳",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 480,
                                name: "氧气",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 481,
                                name: "氢气",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 482,
                                name: "氦气",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 483,
                                name: "氩气",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 484,
                                name: "乙炔",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 485,
                                name: "环氧乙烷",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 486,
                                name: "一氧化氮",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 487,
                                name: "混合气体",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [477, 478, 479, 480, 481, 482, 483, 484, 485, 486, 487]
                    },
                    {
                        id: 488,
                        name: "易制毒化学品",
                        subList: [
                            {
                                id: 489,
                                name: "甲苯",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 490,
                                name: "丙酮",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 491,
                                name: "盐酸",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 492,
                                name: "硫酸",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 493,
                                name: "三氯甲烷",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 494,
                                name: "高锰酸钾",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 495,
                                name: "乙醚",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 496,
                                name: "醋酸酐（乙酸酐）",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [489, 490, 491, 492, 493, 494, 495, 496]
                    },
                    {
                        id: 497,
                        name: "易制爆化学品",
                        subList: [
                            {
                                id: 498,
                                name: "硝酸",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 499,
                                name: "高氯酸",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 500,
                                name: "硝酸银",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 501,
                                name: "过氧化氢溶液（含量：>8%；双氧水）",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 502,
                                name: "金属钠",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 503,
                                name: "金属锆",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 504,
                                name: "硫磺",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 505,
                                name: "二硝基苯酚",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [498, 499, 500, 501, 502, 503, 504, 505]
                    },
                    {
                        id: 506,
                        name: "剧毒化学品",
                        subList: [
                            {
                                id: 507,
                                name: "丙腈",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 508,
                                name: "叠氮化钠",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 509,
                                name: "二甲双胍",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 510,
                                name: "氟",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 511,
                                name: "甲基肼",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 512,
                                name: "抗霉素A",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 513,
                                name: "氯化汞",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 514,
                                name: "氯化氰",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [507, 508, 509, 510, 511, 512, 513, 514]
                    },
                    {
                        id: 515,
                        name: "麻醉/精神药品",
                        subList: [],
                        subIdsList: []
                    },
                    {
                        id: 516,
                        name: "医疗用毒性药品",
                        subList: [],
                        subIdsList: []
                    },
                    {
                        id: 517,
                        name: "民用爆炸物品",
                        subList: [],
                        subIdsList: []
                    }
                ],
                subIdsList: [215, 476, 488, 497, 506, 515, 516, 517]
            },
            {
                id: 518,
                name: "生物试剂",
                subList: [
                    {
                        id: 217,
                        name: "分子生物学",
                        subList: [
                            {
                                id: 202,
                                name: "缓冲液/稀释液",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 204,
                                name: "DNA转染",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 218,
                                name: "DNA纯化",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 219,
                                name: "PCR相关试剂盒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 221,
                                name: "核酸染料",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 233,
                                name: "酶类",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 234,
                                name: "质粒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 235,
                                name: "文库",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 240,
                                name: "二代测序",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 519,
                                name: "RNA纯化",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 520,
                                name: "探针合成/标记",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 521,
                                name: "原位杂交",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [202, 204, 218, 219, 221, 233, 234, 235, 240, 519, 520, 521]
                    },
                    {
                        id: 229,
                        name: "免疫学",
                        subList: [
                            {
                                id: 103,
                                name: "ELISA试剂盒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 227,
                                name: "流式抗体",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 230,
                                name: "免疫印迹",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 522,
                                name: "单克隆抗体",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 523,
                                name: "多克隆抗体",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 524,
                                name: "WB抗体组合",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 525,
                                name: "抗体纯化",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 526,
                                name: "WB显色试剂盒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 527,
                                name: "WB发光试剂盒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 528,
                                name: "免疫沉淀",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 529,
                                name: "免疫组化",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [103, 227, 230, 522, 523, 524, 525, 526, 527, 528, 529]
                    },
                    {
                        id: 231,
                        name: "蛋白组学",
                        subList: [
                            {
                                id: 226,
                                name: "蛋白表达",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 530,
                                name: "蛋白质",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 531,
                                name: "蛋白纯化",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 532,
                                name: "蛋白质定量",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 533,
                                name: "蛋白电泳",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 534,
                                name: "蛋白标记",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 535,
                                name: "多肽",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [226, 530, 531, 532, 533, 534, 535]
                    },
                    {
                        id: 243,
                        name: "细胞生物学",
                        subList: [
                            {
                                id: 40,
                                name: "培养基",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 41,
                                name: "免疫磁珠",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 200,
                                name: "血清",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 201,
                                name: "细胞因子",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 203,
                                name: "抗生素",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 206,
                                name: "细胞株",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 207,
                                name: "细胞检测试剂",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 536,
                                name: "原代细胞",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 537,
                                name: "干细胞",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 538,
                                name: "免疫细胞",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 539,
                                name: "细胞染料/标记",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 540,
                                name: "细胞裂解液",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 541,
                                name: "平衡盐溶液",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [40, 41, 200, 201, 203, 206, 207, 536, 537, 538, 539, 540, 541]
                    },
                    {
                        id: 542,
                        name: "微生物学",
                        subList: [
                            {
                                id: 232,
                                name: "感受态",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 543,
                                name: "菌株",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 544,
                                name: "培养基",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 545,
                                name: "检测试剂盒",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 546,
                                name: "文库",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [232, 543, 544, 545, 546]
                    }
                ],
                subIdsList: [217, 229, 231, 243, 542]
            },
            {
                id: 632,
                name: "元器件",
                subList: [
                    {
                        id: 64,
                        name: "元器件（有源器件）",
                        subList: [
                            {
                                id: 421,
                                name: "分立元件",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 422,
                                name: "集成电路（IC）",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [421, 422]
                    },
                    {
                        id: 65,
                        name: "元器件（无源器件）",
                        subList: [
                            {
                                id: 423,
                                name: "电路类元件",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 424,
                                name: "连接类元件",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [423, 424]
                    },
                    {
                        id: 70,
                        name: "光学元件及配件",
                        subList: [
                            {
                                id: 440,
                                name: "镜头",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 441,
                                name: "滤光片",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 442,
                                name: "镜架/支架",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 443,
                                name: "移动平台",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 444,
                                name: "光源",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 445,
                                name: "其他",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [440, 441, 442, 443, 444, 445]
                    }
                ],
                subIdsList: [64, 65, 70]
            },
            {
                id: 667,
                name: "农资类",
                subList: [
                    {
                        id: 668,
                        name: "种子/种苗",
                        subList: [
                            {
                                id: 669,
                                name: "蔬菜种子",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 670,
                                name: "水果种子",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 671,
                                name: "粮食种子",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 672,
                                name: "经济作物种子",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 673,
                                name: "花卉种子",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 674,
                                name: "林木种苗",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [669, 670, 671, 672, 673, 674]
                    },
                    {
                        id: 675,
                        name: "肥料",
                        subList: [
                            {
                                id: 676,
                                name: "氮肥",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 677,
                                name: "磷肥",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 678,
                                name: "钾肥",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 679,
                                name: "复合肥",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 680,
                                name: "微量元素肥",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 681,
                                name: "生物肥",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 682,
                                name: "叶面肥",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 683,
                                name: "其他肥料",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [676, 677, 678, 679, 680, 681, 682, 683]
                    },
                    {
                        id: 684,
                        name: "农药",
                        subList: [
                            {
                                id: 685,
                                name: "除草剂",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 686,
                                name: "杀菌剂",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 687,
                                name: "杀虫剂",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 688,
                                name: "杀螨剂",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 689,
                                name: "生物农药",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 690,
                                name: "植物生长调节剂",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [685, 686, 687, 688, 689, 690]
                    },
                    {
                        id: 691,
                        name: "农具",
                        subList: [
                            {
                                id: 692,
                                name: "地膜",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 693,
                                name: "棚膜",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 694,
                                name: "播种工具",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 695,
                                name: "除草工具",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 696,
                                name: "灌溉工具",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 697,
                                name: "收获工具",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 698,
                                name: "加工工具",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 699,
                                name: "运输工具",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [692, 693, 694, 695, 696, 697, 698, 699]
                    }
                ],
                subIdsList: [668, 675, 684, 691]
            },
            {
                id: 700,
                name: "仪器设备",
                subList: [
                    {
                        id: 60,
                        name: "生命科学类",
                        subList: [
                            {
                                id: 401,
                                name: "实验室常用设备",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 402,
                                name: "分子生物学",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 403,
                                name: "细胞生物学",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 404,
                                name: "生物工程学",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 405,
                                name: "微生物学",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 406,
                                name: "植物学",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 407,
                                name: "动物学",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 408,
                                name: "临床医学",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [401, 402, 403, 404, 405, 406, 407, 408]
                    },
                    {
                        id: 61,
                        name: "化工材料类",
                        subList: [
                            {
                                id: 409,
                                name: "分析仪器类",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 410,
                                name: "样品处理设备",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 411,
                                name: "样品制备设备",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 412,
                                name: "电化学仪器",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [409, 410, 411, 412]
                    },
                    {
                        id: 62,
                        name: "环境科学",
                        subList: [
                            {
                                id: 413,
                                name: "水质监测分析仪器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 414,
                                name: "气体监测分析仪器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 415,
                                name: "辐射/噪声/土壤监测分析仪器等",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 416,
                                name: "环境试验箱",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [413, 414, 415, 416]
                    },
                    {
                        id: 63,
                        name: "物理科学",
                        subList: [
                            {
                                id: 417,
                                name: "光学仪器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 418,
                                name: "力学仪器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 419,
                                name: "热学仪器",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 420,
                                name: "测试仪器",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [417, 418, 419, 420]
                    }
                ],
                subIdsList: [60, 61, 62, 63]
            },
            {
                id: 701,
                name: "办公用品",
                subList: [
                    {
                        id: 66,
                        name: "办公用品",
                        subList: [
                            {
                                id: 425,
                                name: "笔记本电脑",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 426,
                                name: "台式电脑",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 427,
                                name: "电脑外设/配件",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 428,
                                name: "投影机/数码相机/配件",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 429,
                                name: "打印机/扫描仪/复印机",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 430,
                                name: "碎纸机/装订机",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 431,
                                name: "空调/除湿机",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 432,
                                name: "硒鼓/墨粉/墨盒/色带",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 433,
                                name: "纸类/笔类/本册/便签",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 434,
                                name: "办公文具",
                                subList: [],
                                subIdsList: []
                            },
                            {
                                id: 435,
                                name: "其他",
                                subList: [],
                                subIdsList: []
                            }
                        ],
                        subIdsList: [425, 426, 427, 428, 429, 430, 431, 432, 433, 434, 435]
                    }
                ],
                subIdsList: [66]
            }
        ];
        this.state = {
            choosed: -1,
            mouseOver_nav: false,
            list: this.lists,
            hasLoadData: false
        };

        this.imgs = [swhc, hxsj, syfw, wxhxp, swsj, yqj, nzl, yqsb, bgyp];
        this.imgs_choosed = [swhc1, hxsj1, syfw1, wxhxp1, swsj1, yqj1, nzl1, yqsb1, bgyp1];
    }

    componentDidMount() {
        if (!ExConfig.isLoginAndRegisterPage()) {
            this.getProducts();
        }
        this.hideSubNav = () => {
            this.setState({
                mouseOver_nav: false
            });
        };
        EventApi.on("hideSubNav", this.hideSubNav);
    }

    componentWillUnmount() {
        EventApi.off("hideSubNav", this.hideSubNav);
    }

    getProducts() {
        HttpUtils.findHomePageAllCategories()
            .then(res => {
                // console.log(res.list);
                if(res.code=="0000"){
                    if ($state.params.navigationBar && $state.params.navigationBar == 1) {
                        var copyList = [];
                        res.list[0] &&
                        res.list[0].subList &&
                        res.list[0].subList.forEach((v, i) => {
                            copyList.push({
                                id: v.id,
                                name: v.name,
                                subList: [{ id: "", name: "", subList: v.subList }]
                            });
                        });
                        // copyList=res.list[0].subList;
                    }
                    this.setState({
                        list: $state.params.navigationBar && $state.params.navigationBar == 1 ? copyList : res.list,
                        hasLoadData: true
                    });
                    if (global.hasLogin && res.list) {
                        global.categoriesProducts = $state.params.navigationBar && $state.params.navigationBar == 1 ? copyList : res.list;
                    }
                }

            })
            .catch(err => {
                console.log(err);
            });
    }

    render() {
        const { list, choosed, mouseOver_nav, hasLoadData } = this.state;
        const { navOpen } = this.props;

        return (
            <div
                onMouseLeave={() => {
                    setTimeout(() => {
                        if (!this.inSubContent) {
                            this.setState({
                                mouseOver_nav: false
                            });
                        }
                    }, 20);
                }}
                onMouseOver={() => {
                    this.setState({
                        mouseOver_nav: true
                    });
                }}
                className={"nav-view-item-0"}
            >
                <p className={"nav-view-item-p-0"}>{"商品分类"}</p>

                <div
                    style={{ cursor: "default" }}
                    onMouseOver={() => {
                        this.inSubContent = true;
                    }}
                    onMouseLeave={() => {
                        this.inSubContent = false;
                    }}
                    className={this.getClassName(navOpen, mouseOver_nav)}
                >
                    <div
                        onMouseLeave={() => {
                            this.setState({
                                choosed: -1
                            });
                        }}
                    >
                        {list &&
                            list.map((item, index) => {
                                return (
                                    <div
                                        key={index}
                                        className={index == choosed ? "nav-view-subtitle-item-choose" : "nav-view-subtitle-item"}
                                        onMouseOver={() => {
                                            this.setState({
                                                choosed: index
                                            });
                                        }}
                                        onClick={() => {
                                            if (!$state.params.navigationBar) return;
                                            EventApi.emit("hideSubNav");
                                            EventApi.emit("searchItemClick", { key: item.name });
                                            $state.go({
                                                stateName: "/searchProduct",
                                                params: { key: item.name, catId: item.id, cateFlag: true }
                                            });
                                        }}
                                    >
                                        {hasLoadData ? <img src={index == choosed ? item.activeIcon : item.icon} className={"nav-view-subtitle-item-icon"} /> : <img src={index == choosed ? this.imgs_choosed[index] : this.imgs[index]} className={"nav-view-subtitle-item-icon"} />}

                                        <p className={index == choosed ? "nav-view-subtitle-txt-choose" : "nav-view-subtitle-txt"}>{item.name}</p>
                                        <Icon type={"right"} size={"small"} className={index == choosed ? "nav-view-subtitle-item-goright-choose" : "nav-view-subtitle-item-goright"} />
                                    </div>
                                );
                            })}
                        {choosed > -1 && <SubCatComp choosed={choosed} subList={list[choosed].subList || []} />}
                    </div>
                </div>
            </div>
        );
    }

    getClassName(navOpen, mouseOver_nav) {
        let class_name = "";
        if (navOpen) {
            class_name = "nav-view-subtitle";
        } else if (mouseOver_nav) {
            class_name = "nav-view-subtitle";
        } else {
            class_name = "nav-view-subtitle display-none";
        }
        return class_name;
    }
}

class SubCatComp extends React.Component {
    constructor(props) {
        super(props);
        this.state = {};
        this.titles = ["分子生物学", "免疫学", "蛋白组学"];
    }

    render() {
        const { subList, choosed } = this.props;

        if (choosed == -1) {
            return null;
        }
        return <div className={"subcat-comp-box"}>{subList && subList.map((item, index) => <SubCatCompItem key={`${choosed}-${index}`} index={index} choosed={choosed} item={item} />)}</div>;
    }
}

class SubCatCompItem extends React.Component {
    constructor() {
        super();
        this.index = 0;
        this.state = {};
        this.lists = [];
    }

    onClick(item) {
        EventApi.emit("hideSubNav");
        EventApi.emit("searchItemClick", { key: item.name });
        $state.go({
            stateName: "/searchProduct",
            params: { key: item.name, catId: item.id, cateFlag: true }
        });
    }

    render() {
        const { item, index, choosed } = this.props;
        const { subList } = item;

        return (
            <div className={Uts.sc(["subcat-comp-box-item", $state.params.navigationBar && $state.params.navigationBar == 1 ? "zen_p-l-20" : ""])}>
                {item.name && item.id && (
                    <div onClick={() => this.onClick(item)} className={"subcat-comp-item-title"}>
                        <p className={"subcat-comp-item-title-p1"}>{item.name || ""}</p>
                        <p className={"subcat-comp-item-title-p2"}>{">"}</p>
                    </div>
                )}

                <div className={Uts.sc(["subcat-comp-pro-wrapper", `subcat-comp-pro-wrapper-${index}`, $state.params.navigationBar && $state.params.navigationBar == 1 ? "zen_w-890" : "zen_w-772"])}>
                    {subList && subList.map((product, idx) => <TextItem product={product} idx={idx} index={index} choosed={choosed} key={`${choosed}-${index}-${idx}`} />)}
                </div>
            </div>
        );
    }
}

class TextItem extends React.Component {
    constructor() {
        super();
        this.state = {
            add_line: false
        };
    }

    componentDidMount() {
        setTimeout(() => {
            this.addLine();
        }, 0);
    }

    addLine() {
        const { idx, index, choosed } = this.props;
        let productEle = document.querySelector(`.subcat-comp-item-${choosed}-${index}-${idx}`);

        if (productEle) {
            let left = productEle.offsetLeft;

            if (left >= 180 && left <= 183) {
                this.setState({
                    add_line: true
                });
            }
        }
    }

    componentWillUnmount() {
        EventEmitterUtils.off("searchPageHashChange");
    }

    render() {
        const { product, idx, index, choosed } = this.props;
        const { add_line } = this.state;

        return (
            <div
                onClick={() => {
                    $state.go({
                        stateName: "/searchProduct",
                        params: { key: product.name }
                    });
                    // console.log("search");
                    EventApi.emit("searchItemClick", { key: product.name });
                }}
                className={Uts.sc(["subcat-comp-item-pro"])}
            >
                {idx == 0 && !$state.params.navigationBar && <p className={"subcat-comp-item-line"}>|</p>}
                {add_line && <p className={"subcat-comp-item-line"}>|</p>}
                <p className={`subcat-comp-item-pro-p1 subcat-comp-item-${choosed}-${index}-${idx}`}>{product.name || ""}</p>
                <p className={"subcat-comp-item-line"}>|</p>
            </div>
        );
    }
}
